<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>选项卡</title>
    <link rel="stylesheet" href="css/style.css" class="">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <div class="taobao">
      <ul class="nav">
          <li class="active">公告</li>
          <li>规则</li>
          <li>论坛</li>
          <li>安全</li>
          <li>公益</li>
      </ul>
      <div class="main">
          <div class="active">
                  <div class="col-md-12">
                      <a class="h">天猫618国货全面爆发 亿元俱乐部国货占比超6成</a>
                  </div>
                  <div class="col-md-12">
                      <a href="" class="">天猫 618 吃货大爆发</a>
                      <a href="" class="">双11量级的天猫618</a>
                  </div>
          </div>
          <div>
              <div class="row">
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">新增《淘宝网汽配行业</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">《淘宝网区域零售服</a>
                      </div>
                  </div>
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">《淘宝网票务行业管理</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">《淘宝网数字娱乐市场</a>
                      </div>
                  </div>
              </div>

          </div>
          <div>
              <div class="row">
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">淘宝1212活动招商</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">陌生人拼团上线</a>
                      </div>
                  </div>
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">中差评功能升级</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">运营神器年中大促</a>
                      </div>
                  </div>
              </div>
          </div>
          <div>
              <div class="row">
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="h">魔豆妈妈公益项目</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">卖家注意：风险通报！</a>
                      </div>
                  </div>
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="h">让母爱永不打烊</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">售假获刑又起诉！</a>
                      </div>
                  </div>
              </div>

          </div>
          <div>
              <div class="row">
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="h">淘宝公益平台正式更名</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">卖家如何设置公益宝贝</a>
                      </div>
                  </div>
                  <div class="col-md-6">
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="h">益起来商家招募即将截</a>
                      </div>
                      <div class="col-md-12" style="padding-right: 0;padding-left: 0;">
                          <a href="" class="">公益机构开店全攻略</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>

  <script src="js/script.js"></script>
</body>
</html>